<template>
  <div class="intro-bd">
    <home-title
    icon='icon-intro'
    title='详细介绍'></home-title>
    <div class="intro-content">{{intro}}</div>
  </div>
</template>

<script>
import DetailTitle from './Title'
  export default {
    name: 'DetailIntro',
    props: {
      intro: {
        type: String,
        default: '加载中...'
      }
    },
    components: {
      'home-title': DetailTitle
    }
  }
</script>

<style lang="scss" scoped>
@import '~styles/mixins.scss';

.intro-bd {
	@include flex-column;
	margin-top: .1rem;
	background-color: #fff;
	border-bottom: 1px solid #ddd;
	box-sizing: border-box;

	.intro-content {
		padding: .1rem .15rem;
		font-size: .14rem;
		line-height: .18rem;
		box-sizing: border-box;
		text-indent: 2em;
	}
}
</style>
